<template>
  <div class="app">
      <!-- 头部导航 -->
   <my-head title="了解小荷" :go="true" :ri="false"></my-head>
  
  <!-- 中间内容 -->
  <div class="contat">
  <!-- 荷花图片 -->
  <div class="lotusicon">
   <img src="../../../../../static/img/one.gif" alt="图片加载错误"> 
  </div>
  <!-- 小荷了解的详细介绍 -->
  <div class="textintroduction">
  <div class="texts">
  <span>小荷在线是上海赢卷金融信息服务有限公司旗下的金融服务平台,上海赢巷金融信息服务有限公司,于2016年1月2了号在上海金山区注册成立,注册资本为2000万元,公司总部位于上海市。为了更好地服务江苏,本公司于2017年4月12号在常州市设立运营中心,一直以服务客户为宗旨,以为客户创造价值为目标,致力于为客户提供专业可靠、高效率的融资借贷、投资服务,是我们孜孜不倦的追求。小蘅在线以先进的信息技术水平、专业的大数据分析能力、严格的审程序和完善的风险管控系统为基础,为有融资、借贷、投资求的个人、机鹣或企业搭建一个公平透明、稳定高效的服务平台,帮助实现便捷高效的低成萊融资和财富增值。</span>
  </div>
  </div>
  <!-- 成员分布与介绍 -->
  <div class="memberintroduction">
  <div class="member">
 <span></span><span>公司框架</span>
  </div>
  <div class="introduction">
  <div class="introductiones">
  <img src="../../../../../static/img/giintroductionf.gif" alt="图片加载错误">
  </div>
  </div>
  </div>
  </div>
  </div>
</template>

<script>
import Head from '@/components/Head'
export default {
name:"app",
data(){
  return{

  }
},
  components: {
    myHead:Head
  }
}
</script>

<style scoped>
.app{
  width: 100%;
  display: flex; 
  flex-direction: column;
}
/* 头部 */
.head{
width: 100%;
position: fixed;
top: 0;
left: 0;
}
/* 中间内容 */
.app .contat{
  margin-top: 0.47rem;
  flex: 1;
}
/* 荷花图片 */
.app .contat .lotusicon{
  width: 100%;
  margin-top: 0.2rem;
}
.app .contat .lotusicon img{
  width: 100%;
}
/* 小河了解的文字介绍 */
.textintroduction{
  width: 100%; 
  margin-top: -0.3rem;
}
.textintroduction .texts{
  margin: 0.35rem;
}
.textintroduction .texts span{
  display: inline-block; 
  text-indent: 2em;
  font-size: 15px;
  line-height: 0.35rem; 
}
/* 成员分布与介绍 */
.memberintroduction{
  width: 100%;
  background: #f4f4f4;
}
.memberintroduction .member{
  width: 100%;
  padding-top: 0.22rem; 
  padding-bottom: 0.12rem; 
 }
.memberintroduction .member span:nth-child(1){
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 0.05rem;
    background: #fd8a3a;
    display: inline-block; 
    margin: 0 0.1rem 0 0.32rem;
  }
.memberintroduction .member span:nth-child(2){
  color:#fd8a3a; 
}
.memberintroduction .introduction{
  width: 100%;
  margin-top: 0.1rem;
  padding-bottom: 0.2rem;
}
.memberintroduction .introduction .introductiones{
  margin: 0 0.18rem 0 0.25rem; 
}
.memberintroduction .introduction .introductiones img{
  width: 100%;
  padding-top: 0.1rem;
}
</style>
